<!doctype html>
<html><!-- InstanceBegin template="/Templates/biTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no,target-densitydpi=300">
<!-- InstanceBeginEditable name="doctitle" -->
<title>智能云管家-好友分享</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="EditRegion-jscode" -->
<script src="../resources/js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="../resources/js/common.js"></script>
<script src="res/common.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F883c1dc0c5cf74748ff6876f4606832f' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
var localStr=window.location.href;
$(function(){
	$(window).resize(function(e) {
        checkPosition();
    });
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
	addEventListener("orientationchange", function() { setTimeout(hideURLbar, 0);
	 }, false); 
	addEventListener("load",function(){$("#loading").hide();
	$(".floatBoxBg").hide();});
      function hideURLbar(){ 
               window.scrollTo(0,1); 
      }
    if(navigator.userAgent.toLowerCase().indexOf("android", 0)<0){
		 $("#footer").css({"center;z-index":"999","position":"fixed","bottom":"0"});
		 window.scrollTo(0,1); 
	}else{
		$("#footer").css({"position":"fixed","bottom":"0"});
		var top = $("#footer").offset().top;
		if(localStr.indexOf("file:///",0)<0)
		{
			$(window).scroll(function(){
				$("#footer").offset({top:$(document).scrollTop()+top});
			});
		}
   }

}); 

$(document).ready(function() {
	if(detectDeviceType()=="Apple"){
		$("#viewport").attr("content","width=640,initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5,user-scalable=no");
	}
	checkPosition();
	//logincheck();
	if(localStr.indexOf("file:///",0)<0&&detectDeviceType()=="Android"){
		$("#client").hide();
		$("#dlclient").show();
	}else{
		$("#client").show();
		$("#dlclient").hide();
	}
	if(localStorage.getItem("width")==null){
		localStorage.setItem("width",window.screen.width);
		localStorage.setItem("height",window.screen.height);
	}
	if(localStorage.getItem("width")>700) {
		$("meta").attr("content","width=device-width, initial-scale=0.7, minimum-scale=0.7, maximum-scale=0.7");
	}
	if(window.screen.height>window.screen.width){
		Vertical();
	}
	$( window ).bind( "resize", function() {
		changeScreen();
		});
	$("#sendBtn").click(function(){
		$("#phonetip").remove();
		$("#sentip").remove();
		var check = /^1[358]\d{9}$/;
		if(!check.test($("#toNum").val())){
			$("#msgshare").append('<div id="phonetip" style="text-align:center; color:red">请输入正确的电话号码</div>');
			return false;
		}
		$("#showmsg").fadeIn();
				$("#childshow").fadeIn();
		var url=jsonserver+"bs/userphone/"+localStorage.getItem("curphone")+"/friendlist/"+$("#toNum").val()+"/content/a";
		$(".floatBoxBg").show();
		$("#loading").show();
		$.getJSON(url+".jsonp?callback=?",{},function(data){
			if(data.status=="00000"){
				$("#showmsg").fadeIn();
				$("#childshow").fadeIn();
			}else{
				$("#msgshare").append('<div id="sentip" style="text-align:center; color:red">对不起,系统繁忙,请您稍后再试</div>');
			}
		});
		$("#loading").hide();
		$(".floatBoxBg").hide();
		$("#okBtn").click(function(){
			$("#showmsg").fadeOut(500);
				$("#childshow").fadeOut(500);
			});
		});
		$("#content").append('<div class="woDiv" onclick="download()"><span style="color:#49494b;">下载智能云管家客户端</span><img src="res/img/downll.png" style="padding-top:15px;"/></div>');
});


function checkPosition()
{
	var toNum=$("#toNum");
	var inputOffset=toNum.offset();
	$("#showmsg").css({
			"width":"70%",
			"left":(inputOffset.left-55)+"px",
			"top":(inputOffset.top-70)+"px",
			"z-index":"666",
			"position":"absolute"
			});
			
	$("#childshow").css({
			"width":"70%",
			"left":(inputOffset.left-49)+"px",
			"top":(inputOffset.top-64)+"px",
			"z-index":"999",
			"position":"absolute"
			});
}
function changeScreen(){
	if(window.screen.height>window.screen.width){
		Vertical();
		} 
	else {
		$("#content").removeAttr("style");
		$("#mainconfig").removeAttr("style");
	}
	}
function Vertical(){
	var screenheigh = localStorage.getItem("height");
	if(screenheigh<=500){
		$("#mainconfig").get(0).style.height="675px";
	}
	else if(screenheigh>1100){
		$("#mainconfig").get(0).style.height=0.64*screenheigh+"px";
	}
	else{
		$("#mainconfig").get(0).style.height=0.95*screenheigh+"px";
	}
	}

</script>
<style type="text/css">
.mainConfig{
	width:100%; height:80%;
	background-color:#ffffff
}
#showmsg{
	background-color:#FFF; 
	height:280px;
	border:6px solid #8fb7df;
	opacity:0.9;
	display:none; 
	border-radius:12px;
}
#childshow
{
	background-image:url(res/index/images/bg1.jpg); 
	 height:280px;
	 display:none;
	 border-radius:12px;
}
</style>
<link href="../resources/css/load.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="res/common.css">
<!-- InstanceEndEditable -->
<style type="text/css">
*{
	font-family:Heiti SC;
	font-weight:600;
}
</style>
	<script type="text/javascript">
//var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
//document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2284c04845acdcd94dd640a8555927dc' type='text/javascript'%3E%3C/script%3E"));
</script>

</head>
<link rel="icon" href="res/img/logo.png" type="image/x-icon">
<link rel="shortcut icon" href="res/img/logo.png" type="image/x-icon"> 
<body style="margin:0;">

	<div id="header">
	<!-- InstanceBeginEditable name="EditRegion-header" -->
  <table width="100%" height="88px">
    	<tr>
        	<td width="10%" onClick="javascript:location.href='index.html'">
            <div><img src="res/img/back.png"/></div>
            </td>
            <td width="80%">
            <span style="font-size:34px; font-weight:bold; color:#fff;">好友分享</span>
            </td>
            <td width="10%">
            
            </td>
        </tr>
    </table>
	<!-- InstanceEndEditable -->
    </div>
    <div id="content">
    <div id="loading" class="loading"><img src="res/loading.gif"/>载入中...</div>
    <div class="floatBoxBg"></div>
	<!-- InstanceBeginEditable name="EditRegion-content" -->
     <div id="childshow">
        <div align="center" style="color:#4471b5; font-family:'黑体'; font-size:38px; font-weight:bold; margin-top:45px;">信息发送成功!</div>
        <div  style="margin-top:10px;text-align:center" ><img src="res/img/billdet/hengxian.png"/></div>
         <div style=" margin-top:35px;text-align:center;"><img src="res/img/billdet/OKBtn.png" id="okBtn"/> </div>
  
    </div>
    <div id="showmsg">
   
    </div>
    <div style="margin-left: 10px; margin-right: 10px">
    <div style="font-size:9px">&nbsp;</div>
    <div id="mainconfig" class="mainConfig">
    <div style="margin-top: 40px; margin-left: 30px; font-size: 36px;">短信分享</div>
    <div style="width:100%; margin-top:10px"><img src="../resources/css/images/system/images/line.png" width="100%"/></div>
    <div  align="left" style="margin-top:30px; margin-bottom:5px; margin-left:10px; margin-right:10px; font-size: 24px;"><span id="sendContent">嗨~我正在用智能云管家看流量、查话费、详单，流量预测太神奇了~还有好玩的应用！快来试试</span> bj.911860.com/www/bilogin.html</div>
    <div id="msgshare" align="center" style="margin-top: 20px; margin-bottom: 20px; font-size: 24px; color: #999;"><table width="100%" border="0">
  <tr>
    <td width="25%" height="40" style="text-align:right; font-size:28px">发送给</td>
    <td width="50%"><input id="toNum" type="tel" style="height:30px; width:98%; font-size:24px"/></td>
    <td valign="middle" align="center" style="padding-top:8px;"><img src="res/share/img/send_btn.png" width="70%" style="max-width:101px" id="sendBtn"/></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td></td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
    <div style="margin-top: 40px; margin-left: 30px; margin-bottom: 5px; font-size: 36px; color: #000">网络分享</div>
    <div style="width:100%; margin-top:10px"><img src="../resources/css/images/system/images/line.png" width="100%"/></div>
    <div style="width:100%; text-align:center; margin-top:20px; margin-bottom:10px"><table width="100%" style="text-align:center" border="0">
  <tr>
    <td width="25%"><img src="../resources/css/images/share/images/1.png" onClick='javascript:window.open("http://v.t.sina.com.cn/share/share.php?appkey=2788964267&amp;title=嗨~我正在用智能云管家看流量、查话费、详单，流量预测太神奇了~还有好玩的应用！快来试试 http://bi.911860.com/www/bi&amp;source=bshare&amp;retcode=0&amp;ralateUid=")'/></td>
    <td width="25%"><img src="../resources/css/images/share/images/2.png" onClick='javascript:window.open("http://share.v.t.qq.com/index.php?c=share&amp;a=index&amp;title=嗨~我正在用智能云管家看流量、查话费、详单，流量预测太神奇了~还有好玩的应用！快来试试 http://bi.911860.com/www/bi")'/></td>
    <td width="25%"><img src="../resources/css/images/share/images/3.png" onClick='javascript:window.open("http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://186cloud.com&title=%E6%99%BA%E8%83%BD%E4%BA%91%E7%AE%A1%E5%AE%B6&pics=&summary=嗨~我正在用智能云管家看流量、查话费、详单，流量预测太神奇了~还有好玩的应用！快来试试 http://bi.911860.com/www/bi")'/></td>
    <td><img src="../resources/css/images/share/images/4.png" onClick='javascript:window.open("http://widget.renren.com/dialog/forward?api_key=113371&url=http://186cloud.com&title=%E6%99%BA%E8%83%BD%E4%BA%91%E7%AE%A1%E5%AE%B6-%E5%A5%BD%E5%8F%8B%E5%88%86%E4%BA%AB&images=&content=嗨~我正在用智能云管家看流量、查话费、详单，流量预测太神奇了~还有好玩的应用！快来试试 http://bi.911860.com/www/bi")' style="max-width:106px"/></td>
  </tr>
</table>
</div>
    </div>
    </div>
    <br/>
    

	<!-- InstanceEndEditable -->
    </div>
    <!-- InstanceBeginEditable name="EditRegion-footer" -->
	<!-- InstanceEndEditable -->
    <div id="footer">
    </div>
    
</body>
<!-- InstanceEnd --></html>
